<script setup lang="ts">
import { ref } from "vue"

const activeKey = ref<string>("option1")
</script>

<template>
  <PcTabs v-model="activeKey" :hide-add="true">
    <PcTabPane key="option1" tab="选项1"> 内容1 </PcTabPane>
    <PcTabPane key="option2" tab="选项2"> 内容2 </PcTabPane>
  </PcTabs>

  <PcViewTabs v-model="activeKey" type="editable-card" :hide-add="true">
    <PcTabPane key="option1" tab="选项1"> 内容1 </PcTabPane>
    <PcTabPane key="option2" tab="选项2"> 内容2 </PcTabPane>
  </PcViewTabs>

  <PcViewTabs v-model="activeKey" type="editable-card" :hide-add="true">
    <PcTabPane key="option1" tab="选项1"> 内容1 </PcTabPane>
    <PcTabPane key="option2" tab="选项2">
      <PcTabs v-model="activeKey" :hide-add="true">
        <PcTabPane key="option1" tab="选项1"> 内容1 </PcTabPane>
        <PcTabPane key="option2" tab="选项2"> 内容2 </PcTabPane>
      </PcTabs>
    </PcTabPane>
  </PcViewTabs>
</template>
